<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="fun1.css" type="text/css" rel="stylesheet" />
</head>

<body>
<figure class="test1">
	<img src="001.jpg" />
    <figcaption>
    	<h2>图片标题</h2>
        <p>图片注解1</p>
        <p>图片注解2</p>
        <p>图片注解3</p>
    </figcaption>
</figure>
<figure class="test2">
	<img src="001.jpg" />
    <figcaption>
    	<h2>旋转动画</h2>
        <p>飞来飞去，飞来飞去</p>
        <div></div>
    </figcaption>
</figure>
<figure class="test3">
	<img src="001.jpg" />
    <figcaption>
    	<h2>斜切动画</h2>
        <p>执子之手  与子偕老</p>
    </figcaption>
</figure>
<figure class="test4">
	<img src="001.jpg" />
    <figcaption>
    	<h2>旋转动画</h2>
        <p>执子之手  与子偕老</p>
        <div></div>
    </figcaption>
</figure>
<figure class="test5">
	<img src="001.jpg" />
    <figcaption>
    	<h2>旋转动画</h2>
        <p>执子之手  与子偕老</p>
        <div class="div1"></div>
        <div class="div2"></div>
    </figcaption>
</figure>
<figure class="test6">
	<img src="001.jpg" />
    <figcaption>
    	<h2>斜切动画</h2>
        <p class="p1">飞来飞去</p>
        <p class="p2">飞来飞去</p>
        <div></div>
    </figcaption>
</figure>
<figure class="test7">
	<img src="001.jpg">
	<figcaption>
		<h2>图片标题</h2>
		<p>斜角动画</p>
		<div></div>
	</figcaption>
</figure>
</body>
</html>
